<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>SVG绘制国旗</title>
    <style type="text/css">
        * {
			text-align: center;
            border-width: 0;
            margin: 0;
            padding: 0;
        }
    </style>
    <script>

    </script>
</head>
<body bgColor='#fff'>
    <svg width="480" height="320" viewBox='0 0 960 640' transform="scale(1)" >
        <!-- 旗帜 -->
        <rect x='0' y='0' width='960' height='640' fill='red'/>
        <!-- 大五角星 -->
        <path d="M160,79
        L112.3894,225.5304
        L237.0356,134.9696
        L82.9644,134.9696
        L207.6106,225.5304
        Z" fill='yellow'/>

        <!-- 小五角星从上到下 -->
        <path d="M292.5602,80.4639
        L351.8765,66.8091
        L295.8626,42.9908
        L327.1787,95.1844
        L332.522,34.5518
        Z" fill='yellow'/>

        <path d="M352.3216,132.5255
        L406.9683,105.7187
        L378.5148,159.5264
        L369.9069,99.2705
        L412.2884,142.9589
        Z" fill='yellow'/>

        <path d="M353.2312,215.2089
        L403.7252,249.1976
        L382.8547,192.0206
        L366.1311,250.5462
        L414.0597,213.0267
        Z" fill='yellow'/>

        <path d="M295.0122,268.0098
        L351.9655,289.485
        L293.2665,305.5875
        L331.2902,258.0579
        L328.4656,318.8599
        Z" fill='yellow'/>
       
    </svg>
</body>
</html>